body{
background:#f9f9f9;
color:#666;
font-size: 14px;
}
.reg{
background:#fff;
width:854px;
margin: 0 auto;
padding-bottom:10px;
}
.logo{
padding-bottom:40px;
}
h1{
width:49px;
height:48px;
margin: 0 auto;
background:#ff6700;
}
h2{
font-size:30px;
text-align:center;
color:#333;
line-height:1.5em;
}
.msg{
width:786px;
padding:30px 0;
margin: 0 auto;
line-height:20px;
}
input{
width:332px;
height:42px;
padding-left:5px;
line-height:42px;
display:block;
margin:0 auto;
}
.tips{
display:block;
width:332px;
height:30px;
font-size:12px;
line-height:30px;
margin: 0 auto;
}
button{
background:#ff6700;
width:332px;
height:42px;
cursor:pointer;
color:#fff;
font-size:14px;
text-align:center;
display:block;
margin:40px auto 40px;
}
input[type="checkbox"]{width:15px;height:15px;display: inline-block;text-align: center;vertical-align: middle; line-height: 18px;position: relative;top:-1px;left: -5px;}
input[type="checkbox"]::before{content: "";position: absolute;top: -3px;left: -3px;background: #fff;width: 18px;height: 18px;border: 1px solid #d9d9d9;border-radius:50%}
input[type="checkbox"]:checked::before{content: "\2713";background-color: #ff6700;position: absolute;top: -3px;left: -3px;width:18px;border: 1px solid #ff6700;color:#fff;font-size: 14px;font-weight: bold;border-radius:50%;}
#agree{
display:block;
margin: 0 auto;
text-align:center;
padding:40px 0 10px;
}
#agree a{
color:#333;
font-weight:bold;
}
.footer{
color:#9d9d9d;
text-align:center;
height:80px;
margin-top:10px;
}
.footer ul li{
display:inline-block;
}
.footer ul li a{
color:#757575;
padding:0px 10px;
}
.footer ul li a.current{
color:#333;
}
.footer p{
position:relative;
padding:10px;
}
.footer p>span{
display:block;
width:786px;
position:absolute;
left: 50%;
margin-left:-393px;
}
.img{
display:inline-block;
width:20px;
height:20px;
background:url('../img/ghs.png') no-repeat;
}
